<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo5-jquery基本过滤器</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <style>
        .go{
            width: 100px;
            height: 100px;
            background: #0088bb;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
    <script>

        $(function () {
//             $('p:first').css("background","red");
//             $('p:last').css("background","red");
//             $("p:not('.a')").css("background","red");
             $("p:even").css("background","red");
             $("p:odd").css("background","blue");
             $("p:eq(3)").css("background","green");
             $("p:gt(3)").css("background","yellow");
             $("p:lt(2)").css("background","gray");
             $("p:lt(2)").css("background","gray");
             $(":header").css("background","black");


            $(".go").animate({
                left : 1000
            },2000)
            $(":animated").css("background","red");
        })


    </script>
</head>
<body>
    <p><span>我是第111</span>个标签</p>
    <p>我是第2222个标签</p>
    <p>我是第3333个标签</p>
    <p class="a">我是第4444个标签</p>
    <p>我是第5555个标签</p>
    <p>我是第6666个标签</p>
    <br/><br/>
    <hr/>
    <br/><br/>
    <h1>我是h1</h1>
    <h2>我是h2</h2>
    <h3>我是h3</h3>
    <h4>我是h4</h4>
    <h5>我是h5</h5>
    <h6>我是h6</h6>
    <br/><br/>
    <hr/>
    <br/>
    <br/>
    <div class="go"></div>

</body>
</html>

<script>


</script>